<template>
  <div id="smartTown"></div>
  <div class="container">
    <!-- <h2 class="title">超声远程诊断协作系统</h2> -->
    <div class="bannerBox">
      <!-- <img src="@/assets/img/robot_new.jpg" alt=""> -->
    </div>
    <div class="content">
      <!-- <p class="content-center">
        公司通过自主研发、校企合作等方式研制出远程超声机器人。
      </p> -->
      <!-- <p>
        公司自主研发并融合西门子工业机器人技术，联合华南理工大学智能工程学院博士导师团队共同研发超声诊断远程协作系统。
      </p>
      <p>
        依托先进的AI技术和航天级的机器人遥操作技术，将智能机器人技术和5G技术应用于基层医疗，全面助力优质医疗资源下沉，促进全民健康和医疗公正公平。
      </p>
      <p>
        远程超声诊断系统由“专家端”和“患者端”组成，专家通过力反馈操作平台，远程控制“患者端”的远程超声机器人，实现专家扫查手法。
      </p> -->
      <div class="acti">
        <div class="titles">
          <h1 class="h1">超声远程诊断协作系统</h1>
          <div class="infor">
            <!-- <span>时间：2024-12-28</span>
                <span>作者：鼎盛智造</span>
                <span style="display: none">阅读数：3695</span>
                <span style="display: none">分享</span> -->
          </div>
        </div>
      </div>

      <div class="text">
        <div class="words">
          <!-- <p class="paragraph">
            <span>
              产品描述：产品利用远程控制机械手臂夹持超声探头并联合超声设备实现成人患者腹部超声扫查。医生在远端通过接收的超声影像进行诊断并出具诊断结论。本产品不进入人体。
            </span>
          </p> -->
          <p class="paragraph">
            <br />
          </p>
          <p class="image">
            <img :src="us4" alt="服务" />
          </p>
          <p class="image">
            <span> 超声远程诊断协作系统网络架构 </span>
          </p>
          <!-- <p class="paragraph">
            <br />
          </p>
          <p class="image">
            <img :src="us2" alt="服务" />
          </p>
          <p class="image">
            <span> 医生端产品外观 </span>
          </p> -->
          <p class="paragraph">
            <!-- <span>
              医生通过力反馈系统操控患者端机械手臂夹持的超声探头，进行超声扫查。
              本产品医生端设备操作人员资质和能力要求：
              1）经过超声设备和超声影像诊断培训的专业医师；
              2）经过超声远程诊断协作系统厂家专业培训和培训评估。
            </span> -->
          </p>
          <p class="paragraph">
            <br />
          </p>
          <!-- <p class="image">
            <img :src="robot_parameter1" alt="服务" />
          </p> -->
          <!-- <p class="image">
            <span> 患者端产品外观 </span>
          </p> -->

          <p class="paragraph">
            <br />
          </p>
          <div>
            <div class="feature">
              <div class="feature_title">产品特点</div>
              <div class="table fr">
                <table width="100%" class="ke-zeroborder" border="1px dashed red" cellspacing="0" cellpadding="0">
                  <tbody>
                    <tr>
                      <td>
                        <div class="box">
                          <div class="icon"><img :src="arrow" alt="" /></div>
                          <div class="words">
                            <p>精准探头操控，复现专家手法</p>
                          </div>
                        </div>
                      </td>
                      <td>
                        <div class="box">
                          <div class="icon"><img :src="clock" alt="" /></div>
                          <div class="words">
                            <p>六轴协作机械臂执行系统</p>
                          </div>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <div class="box">
                          <div class="icon"><img :src="transmission" alt="" /></div>
                          <div class="words">
                            <p>实时图像读取，智能语音交互</p>
                          </div>
                        </div>
                      </td>
                      <td>
                        <div class="box">
                          <div class="icon"><img :src="dataIcon" alt="" /></div>
                          <div class="words">
                            <p>无损影像传输，确保诊断精准</p>
                          </div>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>

            </div>
            <div class="parameter">
              <div class="parameter_title">系统参数</div>
              <div class="parameter_wrapper">
                <div class="parameter_doctor">
                  <div>医生端</div>
                  <ul>
                    <li><strong>a）计算机推荐要求:</strong> </li>
                    <li>CPU主频≥3.5GHz硬盘>256GB内存≥16GB</li>
                    <li><strong>b）显示器推荐要求:</strong></li>
                    <li>尺寸:23.8 英寸或以上最佳分辨率:1920x1080P</li>
                  </ul>
                </div>

                <div class="parameter_patient">
                  <div>患者端</div>
                  <ul>
                    <li><strong>a）计算机推荐要求:</strong></li>
                    <li>CPU主频≥3.5GHz硬盘>256GB内存≥16GB</li>
                    <li><strong>b）显示器推荐要求:</strong></li>
                    <li>尺寸:23.8 英寸或以上最佳分辨率:1920x1080P</li>
                  </ul>
                </div>

                <div class="parameter_environment">
                  <div>操作环境</div>
                  <ul>
                    <li>本产品在已配置超声影像的医疗机构使用。</li>
                  </ul>
                </div>

                <div class="parameter_type">
                  <div>型号</div>
                  <ul>
                    <li>DS-ROBOT-II</li>
                  </ul>
                </div>

              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup name="smartTown">
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
// import WOW from 'wow.js'

import us4 from '@/assets/img/us_4.png'

import arrow from '@/assets/img/arrow.png'
import clock from '@/assets/img/clock.png'
import transmission from '@/assets/img/transmission.png'
import dataIcon from '@/assets/img/data.png'


</script>

<style scoped>
#Software .container {
  text-align: center;
}

#Software .container .title {
  text-align: center;
}

#Software .container img {
  width: 600px;
  display: inline-block;
  /* width: 90%; */
}

@media screen and (max-width: 997px) {
  #Software .container img {
    /* width: 600px; */
    width: 90%;
  }
}

#Software .container .bannerBox {
  margin: 30px auto 20px;
}

#Software .container .content p {
  font-size: 16px;
  line-height: 1.8em;
  /* text-indent: 2em; */
  text-align: left;
  /* width: 80%; */
}

#Software .container .content .content-center {
  margin-top: 10px;
  text-align: center;
}

.acti .titles {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}

.acti .titles .h1 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  margin-bottom: 18px;
}

.acti .titles .infor {
  text-align: center;
}

.acti .titles .infor>span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 0 32px;
}

.text {
  padding-bottom: 73px;
  /* margin-bottom: 24px; */
  margin-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.words {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}

.words .paragraph {
  text-align: justify;
  font-size: 18px;
  font-family: 'SimSun';
}

img {
  display: inline-block !important;
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
}

p {
  display: block;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

.text .words .image {
  text-align: center;
  font-size: 16px;
  font-family: 'SimSun';
  display: flex;
  justify-content: center;
}

table {
  width: 100%;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
}

table {
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  unicode-bidi: isolate;
  border-spacing: 2px;
  border-color: gray;

}

table {
  border-collapse: separate;
  text-indent: initial;
  border-spacing: 2px;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
  unicode-bidi: isolate;
  border-color: inherit;
}

tr {
  display: table-row;
  vertical-align: inherit;
  unicode-bidi: isolate;
  border-color: inherit;
}

td {
  display: table-cell;
  vertical-align: inherit;
  unicode-bidi: isolate;
}

td {
  width: 50%;
  border: 1px dashed #ababab;
  border-bottom: 0;
  border-right: 0;
  border-bottom: 0;
  padding: 20px 34px;
}

.table table td {
  border: 1px dashed #ababab;
}

.table td:nth-child(2n+1) {
  border-right: 0;
  /* background-color: yellow; */
}

.table td:nth-child(2n) {
  border-right: 1px dashed #ababab;
  /* background-color: yellow; */
}

.table tr:nth-child(2n+1) {
  border-bottom: 0;
  /* background-color: red; */
}

.table tr:nth-child(2n) {
  /* border-bottom: 1px dashed #ababab; */
  /* background-color: red; */
}

.icon {
  width: 40px;
  height: 32px;
  margin-bottom: 16px;
}

.feature_title {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}

.parameter_title {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}

.parameter_wrapper {
  /* border: 1px solid red; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

}

.parameter_wrapper>div {
  /* margin-right: 20px; */
  text-align: left;

  width: 50%;
  height: 280px;
  justify-content: flex-start;
  align-items: center;

  border: 1px dashed #ababab;
  /* background: yellow; */
  margin-bottom: 40px;
  border: 1px solid #dcdcdc;
  padding: 21px 18px 0;
  width: 48%;
  /* height: 280px; */

}

.parameter_wrapper>div>div {
  color: #005bac;
  padding-bottom: 21px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 22px;
}


.parameter_wrapper>div:nth-child(2n+1) {
  margin-right: 4%;
}
</style>
